Christie Lochan Projects Page ET-712

Click to go to homepage

WEEK WHAT HAPPENED?
  1

A1 Go to this Assessment Survey and answer questions about your current knowledge of and experience in building websites.

Assessment survey

 A2 we can use (Dreamweaver, Kompozer, Microsoft Expression Web, Coffee Cup), construct a homepage for yourself to use in this class. Create a folder with your name on it and put your file, pics, CSS etc. in this folder.

 A3 I used Google Slides to create at least 5 to 10 slides that describe me, my interests, my talents, my hopes and dreams … anything interesting about myself.

My slides

 A4 Like A3 above, I had to write a bio about me and post it on the class website.

My Bio

2

We set up global protect, which helps us connect to a QCC computer.I had a little trouble connecting but got later. If we can't use Dreamweaver on our computer then we can use Global protect to conncet to a QCC computer to use dreamweaver.

Global protect

 3

we will start our index page and project page. We created our index page or default page , which is our home page when we publish our webcite.

index page project page

 4  

we will publish our webcites. we learned two different ways to publish, both dreamweaver and Filezilla can help us publish our webcites. I perfer Filezilla its more easy for me. we learned basic Javascript.

Basic Javascript.

5

We talked about Input,Process and Output. First you define the problem then you define a successful out come, next you determine currrent reality, then figure out how to get it done,next you implement our code ,test and then document.

control(space)bb will take you to black board

A6-We created a flowchart using lucidchart.com for the tasks a hotel cleaner might use as she goes from room to room. The goal is to introduce the concepts of flow charting as applied to a simple group of tasks.

Hotel cleaner Flowchart

A7: Driver Licence flowchart
On your own, figure out what a flowchart to obtain a standard driver's license would look like.

Javascript (What it does)

Modify webpage content

-add a paragraph of text after the first <h1> element

-Change te size of position of an <img> element

React to events

-A button is pressed

-A link is clicked

-A cursor hovers over an element

-An interval of time has passed

Access webpage content

-select text inside all <h1> tags

-find out what entered into text input whose id attribute has a value of email.

Function say something (Variable1, Variable2, Variable3) {


Let Variable 4= Variable1 + Variable2 + Variable3;

return Variabl 4;

}

Js-1

we created a Html page on visual studio code , use ! enter to get all Html.

Js-2

Alert is the process and the output.

Js-3

function is designed to perform a particular task, it calls it.

Js-4

A function can be assigned to a variable.

Tips and hints for Visual studio code

 

6

gpsoft.com.au

if (something_is_true) {

do something;

} else {

do_something_different

}

If-then

If-then2

If-then3

== if the first expression evaluates to something that is equal to the second expression.

>= if the first expression evaluates to something that is greater or equal to the second expression.

> if the first expression evaluates to something that is greater than the second expression.

<= if the first expression evaluates to something that is lesser or equal to the second expression.

<if the first expression evaluates to something that is less thsn the second expression.

t=if the first expression evaluates to something that is not equal to the second expression.

&& if the first expression and the secind expression both evaluate to true.

|| if the first expression ir thw secind expression evaluate to true.

A9-we Create a function that determines whether a person has a fever.

I am sick?

A10-we develop a function that tells the user what to wear using the weather forecast temperature for the day.

what should I wear today

A11-We made a page and wrote paragraphs describing what we would do if we had 5 careers to go through. We write with the intention of discovery.

Dream Big

 

 

7

picpick. app

picpick is a really nice app that is similar to the snip tool but its easier , you can cature a window, capture region and so much more.

Resume Builder

This webcite shows the right way to build a resume, there many ways a resume can be wrong and this webcite is here to help you not make these mistakes.

Resume item:

-Results

-With language

-Nouns

-Verb

-Numbers

-Adjectives

Be careful with:

-State of being verbs (weak construstion on your resume)

Example:

 

Loops

you need loops, what are loops?

-Searching (helping the user to search)

-Repeating

-Incrementing (1,2,3,4,5,6.......................1,000,000)

-Timer (countdown)

-Stopwatch (count upwards)

Terms to learn this week

-for

-do

-while

-document.write()

-next

"for" Loop:

for (start_point; condition; step) {

// code to execute

}

 

-Counting in binary starts with zero

Loop

Loop 2

Loop 3

Do_While

even numbers

Using 'for' to create a loop, devise a script that displays all of the even numbers up to 100. [Hint: use your "step" value.]

Count by 7

Using a 'for' configuration to write a script that displays all the numbers divisible by 7, starting with 28 and ending with 105.

 

8

We are stealing JavaScript code, its legal. we also preview the Midterm.

Image Eye - Image Eye is s a specialized image viewer, made for the sole purpose of viewing images as quickly and practically as possible.

Tin Eye- Tin Eye helps find a cleaner image of any image. "TinEye’s computer vision, image recognition and reverse image search products power applications that make your images searchable".

Resume Item:

D.A.Q.S.T

D- Demonstrated

A- Ability

Q- Quality

S- Skill

T- Talent

All accomplishments (DAQSTs) are....

-TRACK-ABLE

-TRANSFER-ABLE

-SCALABLE

JavaScrip Libray example

Library

JavaScript Library :)

If I am ever confused or need to review a javascript I learned I can go into my JavaScript library.

Assignment template

JS1

JS2

JS3

JS4

JS5

9

Jinglepalette

· Supporting playback of files from network drives.
· TabIndexes on the palette buttons updated to follow each other correctly.
· Pressing cancel when selecting the color of the remaining warner no longer generates.

Audacity

Download the free Audacity audio editor for Windows, Mac or Linux from our download partner, FossHub:

Array

Array 2

Arrays are a special type of objects. The typeof operator in JavaScript returns "object" for arrays. But, JavaScript arrays are best described as arrays. Arrays use numbers to access its "elements".

 

music

10

JavaScript has its own way to deal with string literals. A string literal is zero or more characters, either enclosed in single quotation (') marks or double quotation (") marks. You can also use + operator to join strings.

string 1

string2

string 3

let greeting= "Hello World";

greeting.substr (0,4);

Beginning your Homepage

Personal website idea:

-How music helps makes you happy

-How Kpop can cure sadness- (The one I choose)

-The dark side of K-pop

Google search

Java Script Library

-Life in South-Korea

11

Numbers

Its like your very own calcultor , very fun to work with.

String 3

This function we used in this script is (called sayGreeting) takes 3 arguments.
Combines them into a variable, and returns them

Test= we had to show our knowledge on array , string and make a Java Script Library.

Array

String

Java script Library

12

 I->P->O (Input ->Process ->Output)? 

This week we'll take inputs from visitors to our scripted pages; we'll process them; and we'll return some output.

How Google Search Work

for more information on how to Google Search works

Main Code sends inputs (Variables, strings, objects) to the function.

Function is like a factory(process inputs with some type of actions)

Then return the output to the main code.

Inputs

Am I speeding

Inputs 2

Objects

we've been weak on Inputs, mostly burying them in our scripts. This week we'll take inputs from visitors to our scripted pages.

13

Taking a look at how Javascript works in the real world (We demonstrate how I just used it to answer an issue I had with the class website).

 

 

14

Audio

Presentations will start on Thursday. Tuesday's the day to ask any questions you may have. I'll be in the conference room during class, so we can discuss any issues you may have privately. No appointment is necessary

If you have trouble with your microphone you can call into the session: 

+1-571-392-7650
PIN: 263 101 9854

 

Thank you letter

I create a thank you letter using the tips given in the class presentation, type it out, save it as a pdf and upload it to Dropbox here.

15

My presentation of my personal website

"How K-pop can cure sadness"